//数次渐显渐隐造成闪烁效果
var clickMenuJump = function(clickEl, jumpEl){
	clickEl.click(function(){
		var delayTime = 500;  //渐显的持续时间=渐隐的
		var fadeTime = 2;  //渐显渐隐的次数
		var fadeDeep = 0.5;  //渐变的最低透明度
		var i = 0;
		while(i < fadeTime * 2) {
			setTimeout(function(){  //延迟一定的毫秒数以后执行里面的函数
				jumpEl.fadeTo(delayTime, fadeDeep);
			},delayTime * i);
			i++;
			setTimeout(function(){
				jumpEl.fadeTo(delayTime, 1);
			},delayTime * i);
			i++;
		}
	});
};
	
//移动到具体菜式的时候把菜的详细信息渐显出来
var mouseoverDish = function(overEl, fadeEl){
    overEl.mouseenter(function(){  //要用mouseenter事件，mouseover事件是子组件也会触发的
        fadeEl.css({'display':'block'});
    });
    overEl.mouseleave(function(){  //要用mouseleave事件，mouseout事件是子组件也会触发的
        fadeEl.css({'display':'none'});  //隐藏菜式详细信息弹出框
    });
};